<!DOCTYPE html>
<html lang="en" class="app">
<head>
    <meta charset="utf-8" />
    <title>登录 | CmsWing 管理后台</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="/static/admin/js/jPlayer/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/animate.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/font.css" type="text/css" />
    <link rel="stylesheet" href="/static/admin/css/app.css" type="text/css" />
    <link rel="shortcut icon" type="image/x-icon" href="/static/favicon.ico" />
    <!--[if lt IE 9]>
    <script src="/static/admin/js/ie/html5shiv.js"></script>
    <script src="/static/admin/js/ie/respond.min.js"></script>
    <script src="/static/admin/js/ie/excanvas.js"></script>
    <![endif]-->
</head>
<body class="bg-info dker ">
<section id="content" class="m-t-lg wrapper-md animated fadeInUp ">
    <div class="container aside-xl">
        <a class="navbar-brand block" href="index.html"><span class="h1 font-bold">超级后台</span></a>
        <section class="m-b-lg">
            <header class="wrapper text-center">
                <strong>国际雅兰管理系统</strong>
            </header>
            <form action="#" method="post" name="signin" id="signin" >
                <div class="form-group">
                    <input type="username" name="username" placeholder="用户名" class="form-control rounded input-lg text-center no-border">
                </div>
                <div class="form-group">
                    <input type="password" name="password" placeholder="密码" class="form-control rounded input-lg text-center no-border">
                </div>
               
                <a  class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded" id="validate-submit">
                    <i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">登录</span></a>
                <div class="text-center m-t m-b"><a href="#"><small>忘记密码?</small></a></div>
                <!--<div class="line line-dashed"></div>-->
                <!--<p class="text-muted text-center"><small>Do not have an account?</small></p>-->
                <!--<a href="signup.html" class="btn btn-lg btn-info btn-block rounded">Create an account</a>-->
            </form>
        </section>
    </div>
</section>
<!-- footer -->
<footer id="footer">
    <div class="text-center padder">
        <p>
                <small>财务管理框架<br>&copy; 2016</small>
        </p>
    </div>
</footer>
<!-- / footer -->
<script src="/static/admin/js/jquery.min.js"></script>
<script src="/static/admin/layer/layer.js"></script>

<script type="text/javascript">

	$(function(){
	
		$('#validate-submit').on('click',function(){
			
			if('' == $("input[name='username']").val())
			{
				layer.tips('请填写用户名', "input[name='username']");
				return false;
			}
			if('' == $("input[name='password']").val())
			{
				layer.tips('请填写密码', "input[name='password']");
				return false;
			}
			
			
			$.ajax({
			type:'post',
			url:'signin',
			data:$('#signin').serialize(),
			success:function(data){
				if(data.errno > 0)
				{
					layer.msg(data.errmsg);
				}else
				{
					//跳转
					location.href = '../index/index';
				}
			},
			error:function(){layer.msg('数据传输错误！', {icon: 5});},
			
			});

			
		});
	
	
	});
</script>
</body>
</html>
